<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='${base}/plugin/bootstrapDatetimepick/css/bootstrap-datetimepicker.css' rel='stylesheet'/>
<link href='${base}/plugin/bootstrapValidator/css/bootstrapValidator.min.css' rel='stylesheet'/>
<title>note form</title>
</head>
<body>
<div class="modal fade" id="noteModal">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title">事件</h4>
          </div>
          <div class="modal-body">
            <form id="userInfoFrom" role="form">
                <input type="hidden" name="id">
                <div class="form-group">
                    <input type="text" name="title" class="form-control" placeholder="内容">
                </div>
                <div class="form-group">
                    <div class="input-group date form_datetime" id="start" data-date-format="yyyy-mm-dd hh:ii:ss">
                        <input class="form-control" name="start" type="text"  placeholder="开始时间" readonly>
                        <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                        <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                    </div>
                </div>
                <div class="form-group">
                    <div class="input-group date form_datetime" id="end" data-date-format="yyyy-mm-dd hh:ii:ss">
                        <input class="form-control" name="end" type="text"  placeholder="结束时间" readonly>
                        <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                        <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                    </div>
                </div>
                <input type="hidden" name="allDay" value="0" />
            </form>
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-primary" onclick="noteForm.subAjax();">Save</button>
          </div>
        </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
</body>
<script src='${base}/plugin/moment.min.js'></script>
<script src='${base}/plugin/bootstrapValidator/bootstrapValidator.min.js'></script>
<script src='${base}/plugin/bootstrapValidator/bootstrap-Validator.zh_CN.js'></script>
<script src='${base}/plugin/bootstrapDatetimepick/bootstrap-datetimepicker.js'></script>
<script src='${base}/plugin/bootstrapDatetimepick/bootstrap-datetimepicker.zh-CN.js'></script>
<script src="${base}/js/noteForm.js"></script>
</html>